//地图开始
var img_lng=$("#lng").text();
var img_lat=$("#lat").text();
var map = new BMap.Map("container");            // 创建Map实例
var point = new BMap.Point(img_lng,img_lat);            // 将标注添加到地图中
map.centerAndZoom(point,12); 
map.enableKeyboard();
//map.enableScrollWheelZoom();
map.addControl(new BMap.NavigationControl()); 
map.addControl(new BMap.MapTypeControl());
map.addEventListener("dragend",refreshImage);

function refreshImage(){
	map.clearOverlays(); 
  var center = map.getCenter();
  var bound = map.getBounds();
  var x_x = (bound._neLng - bound._swLng)/2;
  var x_y = (bound._neLat - bound._swLat)/2;
  re_value=getImgInfo(1336,5,center.lng,center.lat,x_x,x_y);
	addImage(re_value);
	}

/*获取图片信息
repuest 都是1336,用于防止攻击
num 要求返回的图片数,不够则只返回满足条件的图片
lng 要返回图片的中心坐标经度
lat 要返回图片的中心坐标纬度
x_x 当前视野的经度的一半
x_y 当前视野的纬度的一半
*/
function getImgInfo(repuest,num,lng,lat,x_x,x_y){
	var temp
	$.ajax({url:"ajax/map.pic.php?repuest="+repuest+"&limit="+num+"&lng="+lng+"&lat="+lat+"&x="+x_x+"&y="+x_y+"",dataType : 'json',async:false,success:function(result){
		//alert(result);
		temp=result;
	}});
	return temp;
}

//添加图片
function addImage(re_value){
	//alert(re_value);
	//ajax返回数据处理
	//发现可以用json数组，有空可改一下--5.12解决
		var img_add=new Array();
		var img_user=new Array();
		var img_id=new Array();
		for(var i=0;i<re_value.length;i++){
			img_add[i]=new Array();
			img_add[i][0]=re_value[i].lng;
			img_add[i][1]=re_value[i].lat;
			img_user[i]=re_value[i].post_user;
			img_id[i]=re_value[i].id;
			}
			
		var marker=new Array();
		var mar=new Array();
		var infoWindow=new Array();
		for(var i=0;i<img_id.length;i++){
			//alert(img_add[i][0]+"&"+img_lng);
			if(img_add[i][0]==img_lng&&img_add[i][1]==img_lat){
				
				var pt = new BMap.Point(img_add[i][0], img_add[i][1]);
				var marker = new BMap.Marker(pt);  // 创建标注
				map.addOverlay(marker);
				marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的标注
			}else{			
				//图片略缩图
				var pt = new BMap.Point(img_add[i][0], img_add[i][1]);
				var myIcon = new BMap.Icon("image.php?id="+img_id[i]+"&type=small", new BMap.Size(100,80));
				var marker = new BMap.Marker(pt,{icon:myIcon});  // 创建标注
				map.addOverlay(marker); 
			}
			
			//创建大图窗口
			infoWindow[i] = "page.php?id="+img_id[i];
			mar[i]=marker;
		}
		
		for(var i=0;i<mar.length;i++){
		  mar[i]._infoWindow = infoWindow[i];
		  mar[i].addEventListener("click",_openInfoWindow);
		}

}

function _openInfoWindow(){
  location.href=this._infoWindow;}

refreshImage();


//ajax部分
$(document).ready(function(){
	$.ajax({url:"page.class.php?request=2&page="+getParam("id")+"",dataType : 'json',async:false,success:function(json){
		if(typeof json == 'object'){
			var obj;
				for(var i=0, l=json.length; i<l; i++){
					obj=json[i];
					$temp=$('<a href="page.php?id='+obj.id+'"><img src="image.php?id='+obj.id+'&type=small" alt="'+obj.name+'" /></a>').hide();
					$(".little_picBox").append($temp);
					$temp.fadeIn();
				}
			}
		}});
		

	
function getParam(paramName){
	paramValue = "";
	isFound = false;
	if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=")>1){
	    arrSource = unescape(this.location.search).substring(1,this.location.search.length).split("&");
	    i = 0;
	    while (i < arrSource.length && !isFound){
	        if (arrSource[i].indexOf("=") > 0){
	             if (arrSource[i].split("=")[0].toLowerCase()==paramName.toLowerCase()){
	                paramValue = arrSource[i].split("=")[1];
	                isFound = true;
	             }
	        }
	        i++;
	    }   
	}
	return paramValue;
}

function checkComm(){	
	if($("#comment").val()==''){
		//alert("a");
		$("#check_comm").text("请输入评论内容");
		return false;
		}else{
			$.ajax({url:"page.class.php?request=1&id="+getParam("id")+"&comment="+$("#comment").val()+"",dataType : 'json',async:false,success:function(result){
				var html="<div class='co none'><div class='owner_img'>"+$("#user_avatar").html()+"</div><div class='owner_name'>"+$("#user_name").html()+"<span class='7e7e7e'>&nbsp &nbsp "+result[0].time+"<span></div><div class='co_main'><span class='7e7e7e'>"+$("#comment").val()+"</span></div></div>";
				$(".co").eq(0).after(html);
				$(".co").eq(1).show(300);
				$("#comment").val("");				
				}});
			}
			return false;	
}
		
function showmore(){
	if($("#showmore").text()=="查看更多"){
		$("#hidden_comm").show(300);
		$("#showmore").text("收起");
	}else{
		$("#hidden_comm").hide(300);
		$("#showmore").text("查看更多");
		}
	return false;
}
//$(window).ready(function(){
	
function original(){
	
	var original = '<img src="img/original.png" title="查看原图" class="img_original">';
	//查看原图的效果
	$("#img").ready(function(){
		$(".img_r").append(original);
		$(".img_r").css({width:$("#img").width()+"px"});
		$(".img_original").css({position:"absolute",opacity:".8",top:$("#img").offset().top+"px",left:$("#img").offset().left+$("#img").width()-30+"px",cursor:"pointer"}).hide();
		
		$(".img_original").hover(function(){
			$(this).css({"opacity":"1"});
		},function(){
			$(this).css({"opacity":".8"});
		});
		
		$(".img_r").hover(function(){
			$(".img_original").slideDown(100);
		},function(){
			$(".img_original").slideUp(100);
		});
	});
	
}
	
	$(".img_original").live('click',function(){
		$("body").append(opacity).css({overflow:"hidden"});
		$(".opacity").css({"width":$(window).width()+"px","height":$(window).height()+"px",top:-$(window).height()+"px",overflow:"auto"}).append('<img src="image.php?id='+getParam("id")+'&type=original" style="margin:30px">').append('<div class="close" title="关闭"><a href="" class="cancel_big"></a></div>');
		$(".opacity").animate({top:"0px"},300);
		
	});

//});
		
